<template>
  <div class="projectCase">
    <!-- 项目案例 -->
    <globalhead :mes="mes"></globalhead>
    <div class="main">
      <exhibition
        v-if="hasExhibition"
        :exhibitionData="exhibitionData"
      ></exhibition>
      <detailsact v-else></detailsact>
    </div>
  </div>
</template>

<script>
import detailsact from "./details.vue"
import exhibition from "./exhibition.vue"
import globalhead from "../../components/global.vue"
export default {
  components: {
    globalhead,
    exhibition,
    detailsact
  },
  data() {
    return {
      mes: "项目案例",
      hasExhibition: true,
      exhibitionData: [
        {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        },
        {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        },
        {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        },
        {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        },
        {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        }, {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        }, {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        }, {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        }, {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        }, {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        }, {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        },
        {
          titleimg: require('../../assets/global-img/pexels.png'),
          key: (((1 + Math.random()) * 0x10000) | 0).toString(16),
          title: "MESEE QUICK面对老对手",
          attribution: "归属业务",
          type: "项目"

        },
      ]
    }
  },
  beforeMount() {
    this.hasExhibition = true;
  },
  created() {
    // console.log(this.$route.query)
    // this.getDetail()
    // "Some problems no longer generate console messages,but are surfaced in the issues tab. Click to view 75 page errors"
  },

  mounted() {
    var obj = this.$route.query.id;
    console.log(obj)
    if (obj == undefined) {
      console.log('这是直接跳转过来的页面');
      this.hasExhibition = false;
    } else {

    }
  },
  methods: {
    changePage() {

    }
    ,
    getDetail() {
      // this.$route.query
    }
  }
}
</script>
<style scoped lang="scss">
.projectCase {
  width: 100%;
  height: auto;
  background: #fff;
}
</style>